// 引入库
import axios from 'axios'
import store from '@/store'
import router from '@/router'

import { Message } from 'element-ui'

import { getTimestamp } from '@/utils/auth'

function checkTimeout() {
  const timeout = 2 * 60 * 60 * 1000
  const loginTime = getTimestamp()
  return Date.now() - loginTime > timeout
}

// 创建实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(config => {
  const token = store.getters.token
  // 统一注入 token (有的情况下)
  if (token) {
    // 之前是发现 token 就挂到 headers 上面
    // 现在还要进行判断, 是否超时
    if (checkTimeout()) {
      // 已超时
      store.dispatch('user/logout')
      router.push('/login')
      // 而且要终端当前请求promise 执行
      return Promise.reject(new Error('登录已超时'))
    } else {
      // 没超时
      config.headers.Authorization = `Bearer ${token}`
    }
  }
  return config
})

// 响应拦截器
// 可以接受两个参数
// 都是回调函数
service.interceptors.response.use(res => {
  // 这里是网络请求成功逻辑结构其中的三个数据
  // 根据 success 的情况判断数据层面的成功与否
  const { success, message, data } = res.data
  if (success) {
    // 完全成功, 解构出的 data 返回到页面
    return data
  } else {
    // 数据失败, 报错+拒绝当前请求
    Message.error(message)
    return Promise.reject(new Error(message))
  }
}, err => {
  // 网络请求失败 报错+拒绝当前请求
  // 所有非 200 的报错都走这个错误逻辑
  // 之前有过写错url,有过断网, 有过服务器崩溃
  // 现在我们要专门针对其中一种情况进行判断
  // 跟后端约定好token错误的暗号
  console.dir(err)

  if (err.response && err.response.data && err.response.data.code === 10002) {
    // 10002 的 code 代表 token 错误
    store.dispatch('user/logout')
    router.push('/login')
  }

  Message.error(err.message)
  return Promise.reject(new Error(err.message))
})

// 暴露
export default service
